<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>在线服务运维平台</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<link rel="stylesheet" media="screen,projection" type="text/css" href="/static/css/2col.css" title="2col" />
<link rel="alternate stylesheet" media="screen,projection" type="text/css" href="/static/css/1col.css" title="1col" />
<!--[if lte IE 6]><link rel="stylesheet" media="screen,projection" type="text/css" href="/static/css/main-ie6.css" /><![endif]-->
<link rel="stylesheet" media="screen,projection" type="text/css" href="/static/css/style.css" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="/static/css/jquery.treeview.css"/>
<script type="text/javascript" src="/static/js/jquery.js"></script>
<script type="text/javascript" src="/static/js/switcher.js"></script>
<script type="text/javascript" src="/static/js/toggle.js"></script>
<script type="text/javascript" src="/static/js/ui.core.js"></script>
<script type="text/javascript" src="/static/js/ui.tabs.js"></script>

{% block header %}
{% endblock %}
</head>
<body>
<div id="main">
  <!-- Tray -->
  <div id="tray" class="box">
    <p class="f-left box">
      <!-- Switcher -->
      <span class="f-left" id="switcher"> <a href="javascript:void(0);" rel="1col" class="styleswitch ico-col1" title="Display one column"><img src="/static/image/switcher-1col.gif" alt="1 Column" /></a> <a href="javascript:void(0)" rel="2col" class="styleswitch ico-col2" title="Display two columns"><img src="/static/image/switcher-2col.gif" alt="" /></a> </span> <strong>开放服务运维平台</strong> </p>
    {% if request.user %}
    <p class="f-right">用户名: <strong><a href="#">{{ request.user }}</a></strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong><a href="/accounts/logout" id="logout">退出</a></strong></p>
  	{% else %}
    <p class="f-right"><strong>你是访客，<a href="/accounts/login">请登录</a></strong></p>
  	{% endif %}
  </div>
  <!--  /tray -->
  <hr class="noscreen" />
  <!-- Menu -->
  <div id="menu" class="box">
{% block menu %}
    <ul class="box">
      <li id="menu-active"><a href="../index"><span>首页</span></a></li>
      <!-- Active -->
      <li><a href="/monitor"><span>服务监控</span></a></li>
      <li><a href="/report"><span>服务报表</span></a></li>
      <li><a href="/alert"><span>报警管理</span></a></li>
      <li><a href="/flow"><span>流程管理</span></a></li>
      <li><a href="/doc"><span>运维文档</span></a></li>
      <li><a href="/host"><span>服务主机</span></a></li>
      <li><a href="/accident"><span>事故中心</span></a></li>
    </ul>
{% endblock %}
  </div>
  <!-- /header -->
  <hr class="noscreen" />
  <!-- Columns -->
  <div id="cols" class="box">
    <!-- Aside (Left Column) -->
    <div id="aside" class="box">
        {% block aside %}

        <div class="left-col">
        <h2>系统公告</h2>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在线服务运维系统是面向服务的监控系统，包括监控管理，报表管理，报警管理，工作流管理等等子模块，提供NGINX,APACHE,PORT,HTTP等几种监控方式，能精确到秒级的采集频率。才系统采用Python+django+mysql进行开发，目前除了开发测试阶段，欢迎反馈问题和BUG。<br /><strong class="w1">问题反馈邮箱:</strong>panxiaodong@baofeng.com
        </div>

        <div class="left-col">
        <h2>用户信息：</h2>
            <ul class='left-info'>
                <li>
                    <img src='/static/image/icon_user.gif'>
                <span class="w1" >用户:</span>{{request.user.username}}</li>
            	<li>
                    <img src='/static/image/icon_role.gif'>
                <span class="w1" >角色:</span>{{request.session.user.role}}</li>
            	<li>
                    <img src='/static/image/icon_sms.gif'>
                <span class="w1" >手机:</span>{{request.session.user.mobile}}</li>
            	<li>
                    <img src='/static/image/icon_email.gif'>
                 <span class="w1" >邮箱:</span>{{request.session.user.mail}}</li>
            	<li>
                    <img src='/static/image/icon_gtalk.gif'>
                <span class="w1" >Gtalk:</span>{{request.session.user.gtalk}}</li>
            </ul>
        </div>

        {% if host_num %}
        <div class="left-col">
        <h2>信息汇总</h2>
            <ul class='left-info' >
                <li><span class="w1" >主机数:</span>{{ host_num }}</li>
                <li><span class="w1" >监控个数:</span>{{ monitor_num }}</li>
                <li><span class="w1" >正常个数:</span>{{ normal_num }}</li>
                <li><span class="w1" >异常个数:</span>{{ error_num }}</li>
                <li><span class="w1" >可用率:</span>{{ normal_rate }}%</li>
            </ul>
        </div>
        {% endif %}

        <div class="left-col">
        <h2>待处理任务</h2>
            <ul class='left-info'>
                {% if todoList %}
                {% for t in todoList %}
                <li><span class="w1" >任务名称</span><a href='/flow/'>{{ t.tname}}</a></li>
                {% endfor %}
                {% else %}
    
                <li><span class="w1" >暂时没有需要处理的任务</span></li>
            
                {% endif %}
            </ul>
        </div>

        {% endblock %}
    </div>
    <!-- /aside -->
    <hr class="noscreen" />
    <!-- Content (Right Column) -->
    <div id="content" class="box">
        {% block content %}
        <h1>服务稳定性汇总</h1>
        <div class="right-col"></div>
      <h1>故障历史汇总</h1>
        <div class="right-col"></div>
      <h1>最近操作记录</h1>
        <div class="right-col"></div>
        {% endblock %}
    </div>
    <!-- /content -->
  </div>
  <!-- /cols -->
  <hr class="noscreen" />
  <!-- Footer -->
  <div id="footer" class="box">
    <p class="f-left">&copy; 2011 <a href="#">暴风网际科技有限公司</a>, All Rights Reserved &reg;</p>
    <p class="f-right"><a href="http://www.baofeng.com/" title="服务运维系统">服务运维系统[目前不支持IE浏览器]</a></p>
  </div>
  <!-- /footer -->
</div>
<!-- /main -->
</body>
</html>
